@(message: String,seq: Seq[(String,String)])(implicit request: RequestHeader,session:Session)
@import views.html.dingtalk.ionicmain

@import helper._

@ionicmain(message,scripts=js) {
<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-menu-button></ion-menu-button>
    </ion-buttons>
    <ion-title>@message</ion-title>
  </ion-toolbar>
</ion-header>
<ion-content class="ion-padding">
  <div >
    <div style=" height:22px;"></div>
    <div class="site-text site-block">
      <div class="layui-border-box">
        <div >

          <form class="layui-form layui-form-pane" action="" lay-filter="orderoperation">
            @CSRF.formField
            <div class="layui-form-item">
              <label class="layui-form-label" >单据类型</label>
              <div class="layui-input-block">
                <select name="otype" lay-verify="required" lay-search >
                  <option value=""></option>
                  @for(s <- seq){
                  <option value="@s._1">@s._2</option>
                  }
                </select>
              </div>
            </div>
            <div class="layui-form-item">
            <div class="layui-col-md layui-form-text">
              <label class="layui-form-label">单据编号</label>
              <div class="layui-input-block">
                <textarea name="orders" placeholder="请输入单据编号，多个单据编号使用逗号/换行/空格等分隔。" class="layui-textarea"></textarea>
              </div>
            </div>
            </div>
            <div class="layui-form-item">
              <div class="layui-input-block">
                <button class="layui-btn" lay-submit lay-filter="jsonFormSubmit">立即提交</button>
                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
              </div>
            </div>
          </form>
        </div>
        <table lay-even class="layui-table" lay-skin="line" lay-size="lg">
          <colgroup>
            <col width="150">
            <col width="200">
            <col width="100">
            <col>
          </colgroup>
          <thead>
          <tr>
            <th>单据类型</th>
            <th>单据编号</th>
            <th>操作</th>
            <th>结果</th>
          </tr>
          </thead>
          <tbody id="resp-table">
          </tbody>
        </table>
      </div>
    </div>
  </div>
  <div class="layui-border-box" style=" height:162px;">
  </div>
</ion-content>

}
@js = {
<script>
  var otypeList = [@for(s <-seq){['@s._1','@s._2'],}]
</script>
<script src='@routes.Assets.versioned("js/layui_mes_ordersync.js")' type="text/javascript"></script>
}
